چند وقتی هست که کاربران در خواست آموزش هدر برای وب سایت را از من درخواست کرده بودند که بدلیل کمبود وقت نتوانستم این آموزش را برای شما در این بخش قرار بدهم . امروز می خواهم اولین آموزش طراحی هدر برای یک وب سایت فروش کالاهای دیجیتال را آموزش بدهم .
ابعاد هدر انتخابی بسته به عرض وب سایت می تواند متغیر باشد . من ابعادی که برای این بخش در نظر گرفته ام 300×900 پیکسل می باشد . روش کار به این صورت هست که ابتدا رنگ پس زمینه را تغییر داده و بوسیله ابزار Brush یک هاله آبی رنگ بالای صفحه ایجاد می کنم سپس بوسیله ابزار براش چند هاله رنگی دیگر ایجاد کرده و سپس مد هر لایه را تغییر میدهم . در مرحله بعدی من یک تصویر موبایل از اینترنت دانلود و روی هدر در جای مشخص شده قرار میدهم سپس بوسیله ....

پیش نیاز : آموزش مقدماتی فتوشاپ

فتوشاپ را اجرا کنید

1. یک صفحه به ابعاد 300×900 با رزولیشن 300 ایجاد کنید .

2. روی لایه پس زمینه دابل کلیک کرده و رنگ پس زمینه را برابر با 191919# قرار بدهید .

3. در این مرحله ابزار Brush را با سختی قلم صفر ، اندازه قلم برابر با 600 و رنگ فورگراند برابر با 61a6f4 قرار داده سپس یک لایه ایجاد کرده و بالای صفحه از قلم براشی که تنظیم کرده ام استفاده میکنم . در مرحله آخر هم باید مد لایه را برابر با Liner Didge قرار بدهید (با کادر قرمز مشخص شده است)

4. حالا مرحله 2 و 3 را باید با درصد رنگی متفاوت که مشخص کرده ام ادامه بدهیم . یک لایه جدید ایجاد اینبار کمی اندازه قلم را کوچکتر و درصد رنگی fbb85a را برابر با فورگراند قرار میدهم در مرحله بعد هم مد لایه را برابر با overlay تنظیم میکنم .

5. یک لایه جدید ایجاد و اینبار با رنگ سفید مراحل قبل را با مد لایه Overlay تکرار میکنم

6. یک لایه جدید ایجاد رنگ برای را برابر با قرمز #fb0427 و مد لایه را برابر با Subtract قرار میدهم

7. یک لایه جدید ایجاد کرده و در مرحله بعدی ابزار Elliptical Marque Tool را انتخاب میکنم . سپس چند دایره با ابعاد مختلف میکشم . ابزار Brush را انتخاب و تنظیمات آن را تغییر نمیدهم (سختی قلم برابر با صفر اندازه قلم دلخواه) سپس رنگهای مختلف را از پالت فورگراند انتخاب و از بیرون دایره شروع به رنگ کردن داخل دایره ها میکنم . مد لایه باید برابر با overlay قرار بگیرد .

این هاله را بدون مد لایه Overlay قرار میدهم

8. در مرحله بعدی از یک تصویر استفاده میکنم . روش کار به این صورت هست که ابتدا تصویر را وارد هدر کرده و با فشردن کلیدهای Ctrl+T اندازه آن را برابر با کل صفحه قرار میدهم

کمی تصویر را به طرف پایین کادر میکشم

مد لایه را برابر با overlay قرار میدهم

9. حالا باید برای محو کردن قسمت های اضافی ابتدا ابزار Brush را انتخاب کرده سپس رنگ فورگراند را برابر با مشکی قرار بدهید . سپس یک لایه ماسک به تصویر وارد شده اضافه و از بیرون کادر شروع به محو کردن قسمت های اضافی میکنم

10. ابزار تایپ Horizontal Type Tool را انتخاب کرده و متن مورد نظر را همانند تصویر زیر تایپ میکنم .درصد رنگ متن آبی 00aef1

11. من متن اول را در یک لایه و متن دوم که کوچکتر هست را در یک لایه مستقل تایپ کرده ام . روی لایه اول دابل کلیک کرده و تنظیمات پیش فرض را همانند تصویر زیر تغییر بدهید .

12. در مرحله آخر هم 2 تصویر از اینترنت دانلود کرده ام هر دو را روی هدر سایت قرار میدهم. قدت داشته باشید که شما می توانید از تصویر دلخواه همراه با متن فارسی استفاده کنید و نیازی نیست که حتما عین آموزش عناصر را در صفحه قرار بدهید .

برای دانلود فایل PSD به همراه PDF آموزش کلیک کنید || لینک دانلود :سرورمستق